<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动标签</title>
</head>
<body>
<!--
    marquee标签:是一个块级标签,默认从右向左滚动
    常用属性:
        behavior:表示内容滚动的方式
            scroll:连续滚动,默认值
            slide:滚动一次
            alternate:来回滚动
                该方式的内容不会出现隐藏的场景
                其余两种方式会存在隐藏的场景
        scrollamount:设置滚动的速度,其值是一个数字,值越大速度越快
        direction:设置滚动的方向,其值有四种
            left:向左滚动,默认值
            right:向右滚动
            up:向上滚动
            down:向下滚动
        bgcolor:设置滚动区域的背景色
        loop:设置滚动的次数,其值是一个正整数,表示滚动几次
-->
<marquee behavior="scroll" direction="" scrollamount="50">这是一个连续滚动的内容</marquee>
<marquee behavior="slide" direction="" scrollamount="50" loop="2">这是一个只滚动一次的内容</marquee>
<marquee behavior="alternate" direction="" scrollamount="50">这是一个来回滚动的内容</marquee>
<hr>
<marquee direction="left" scrollamount="50" loop="2">向左滚动</marquee>
<marquee direction="right" scrollamount="50" loop="3">向右滚动</marquee>
<marquee loop="2" behavior="alternate" bgcolor="gray" direction="up" scrollamount="30" style="height: 300px;">向上滚动</marquee>
<marquee bgcolor="pink" direction="down" scrollamount="20" style="height: 200px;">向下滚动</marquee>
</body>
</html>